<HTML>
<HEAD>
<TITLE>Color Me</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function defaultColors() {
    return "BGCOLOR='#c0c0c0' VLINK='#551a8b' LINK='#0000ff'"
}

function uglyColors() {
    return "BGCOLOR='yellow' VLINK='pink' LINK='lawngreen'"
}

function showColorValues() {
    var result = ""
    result += "bgColor: " + newWindow.document.bgColor + "\n"
    result += "vlinkColor: " + newWindow.document.vlinkColor + "\n"
    result += "linkColor: " + newWindow.document.linkColor + "\n"
    document.forms[0].results.value = result
}

// dynamicznie generujemy zawarto mniejszego okna
function drawPage(colorStyle) {
    var thePage = ""
    thePage += "<HTML><HEAD><TITLE>Prbki kolorw</TITLE></HEAD><BODY "
    if (colorStyle == "default") {
        thePage += defaultColors()
    } else {
        thePage += uglyColors()
    }
    thePage += ">Aby umoliwi sprawdzenie kolorw rnych elementw, w oknie 
    umieszczono <A "
    thePage += "HREF='http://www.nowhere.com'>cze</A> i <A 
    HREF='http://home.netscape.com'> jeszcze jedno cze </A> pokazujce jak ich 
    kolory rni si od standardowych."
    thePage += "<FORM>"
    thePage += "<INPUT TYPE='button' NAME='Przykadowy przycisk' VALUE='Przykadowy 
    przycisk'>"
    thePage += "</FORM></BODY></HTML>"
    newWindow.document.write(thePage)
    newWindow.document.close()
    showColorValues()
}

// ponisza funkcja dziaa poprawnie wycznie w Navigatorze w systemach Windows
function setColors(colorStyle) {
    if (colorStyle == "default") {
        document.bgColor = "#c0c0c0"
    } else {
        document.bgColor = "yellow"
    }
}
var newWindow = window.open("","","height=180,width=300")
</SCRIPT>
</HEAD>

<BODY>
Wyprbuj dwa zestawy kolorw w maym oknie przegldarki.
<FORM>
<INPUT TYPE="button" NAME="default" VALUE="Kolory domylne" 
onClick="drawPage('default')">
<INPUT TYPE="button" NAME="weird" VALUE="Kolory jarmarczne" 
onClick="drawPage('ugly')"><P>
<TEXTAREA NAME="results" ROWS=3 COLS=20></TEXTAREA><P><HR>
Ponisze przyciski modyfikuj kolory biecego dokumentu, jednak nie zawsze dziaaj 
poprawnie<P>
<INPUT TYPE="button" NAME="default" VALUE="Kolory domylne" 
onClick="setColors('default')">
<INPUT TYPE="button" NAME="weird" VALUE="Kolory jarmarczne" 
onClick="setColors('ugly')"><P>
</FORM>
<SCRIPT LANGUAGE="JavaScript">
drawPage("default")
</SCRIPT>
</BODY>
</HTML>
